<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>给栗郝忆的小惊喜</title>
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { background: #fdf2f8; font-family: "Arial Rounded MT Bold", sans-serif; }
        /* 弹窗容器 */
        .surprise-box {
            position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
            width: 85%; max-width: 450px;
            background: #fff; border-radius: 20px; padding: 35px 25px;
            box-shadow: 0 10px 30px rgba(251, 113, 133, 0.2);
            text-align: center; animation: fadeIn 0.8s ease;
        }
        /* 装饰元素 */
        .decor { color: #fb7185; font-size: 40px; margin-bottom: 15px; }
        /* 标题样式 */
        h1 { color: #2d3748; font-size: 28px; margin-bottom: 12px; }
        h1 span { color: #fb7185; }
        /* 内容样式 */
        .content { color: #4a5568; font-size: 16px; line-height: 1.6; margin: 20px 0 30px; }
        /* 按钮样式 */
        .btn {
            background: #fb7185; color: white; border: none;
            padding: 12px 35px; border-radius: 50px;
            font-size: 16px; font-weight: bold; cursor: pointer;
            transition: all 0.3s ease;
        }
        .btn:hover { background: #f43f5e; transform: translateY(-3px); }
        /* 动画效果 */
        @keyframes fadeIn {
            from { opacity: 0; transform: translate(-50%, -40%); }
            to { opacity: 1; transform: translate(-50%, -50%); }
        }
    </style>
</head>
<body>
    <div class="surprise-box">
        <div class="decor">🍂</div>
        <h1>专属惊喜给<span>栗郝忆</span></h1>
        <div class="content">
            愿你每天都被温柔包围，<br>
            快乐像小太阳一样不打烊，<br>
            所有美好都奔你而来～
        </div>
        <button class="btn" onclick="showGreeting()">拆开惊喜</button>
    </div>

    <script>
        // 点击按钮后的交互（可自定义）
        function showGreeting() {
            alert("栗郝忆，今天也是超棒的一天呀！✨");
            // 如需跳转页面，替换上面为：window.location.href = "你的目标链接";
        }
    </script>
</body>
</html>